<div id="content">
<div class="col4"><h2 class="title"><i class="icon-th-large"></i> Ambientes</h2></div>
<div class="col4">
	<a href="#form_ambiente" class="button fancybox"><i class="icon-plus verde"></i>Novo Ambiente</a>
</div>
<div class="col4 last">&nbsp</div>
<div class="col12">
	
	<table id="ambiente" class="dataTable">
		<thead>
			<tr>
				<th><i class="icon-th-large"></i>Nome do ambiente</th>
				<th><i class="icon-th-large"></i>Quantidade de Mesas</th>
				<th><i class="icon-qrcode"></i>Imprimir QR Codes</th>
				<th><i class="icon-edit"></i>Editar</th>
				<th><i class="icon-trash"></i>Deletar</th>
			</tr>
		</thead>
	</table>
</div>

<!---------------------------CRIAR---------------------------->

<div id="form_ambiente" class="col12" style="display: none;">	
	<form id="criar_ambiente" action="ambientes/criar" method="post" data-validate="parsley">
		<header><h2><i class="icon-th-large"></i>Criar Novo Ambiente</h2></header>
	  
	    <div>
	   		<label  for="nome">Nome</label>
	    	<div><i class="icon-th-large"></i><input id="nome" placeholder="Nome do Ambiente" name="nome" class="placeholder" data-required="true" type="text"></div>
	    </div>
	    <div>
	   		<label  for="qtde">Quantidade de Mesas</label>
	    	<div><i class="icon-th-large"></i><input id="qtde" placeholder="01 até 99" name="qtde" class="placeholder" data-required="true" data-type="number" data-range="[1, 99]" type="text"></div>
	    </div>
		<div>
			<button id="submit" class="submit" type="submit"><i class='icon-save-floppy'></i>Salvar</button>
	    </div>
	</form>
</div>

<!---------------------------EDITAR---------------------------->

<div id="form_ambiente_editar" class="col12" style="display: none;">	
	<form id="editar_ambiente" action="ambientes/atualizar" method="post" data-validate="parsley">
		<header><h2><i class="icon-th-large"></i>Editar Ambiente</h2></header>
	  
	    <div>
	   		<label  for="nome">Nome</label>
	    	<div><i class="icon-th-large"></i><input id="editar_nome_ambiente" placeholder="Nome do Ambiente" name="editar_nome_ambiente" class="placeholder" data-required="true" type="text"></div>
	    </div>
		<div>
			<input type="hidden" id="editar_id_ambiente" name="editar_id_ambiente" />
			<button id="editar_submit" class="submit" type="editar_submit"><i class='icon-save-floppy'></i>Salvar</button>
	    </div>
	</form>
</div>

</div>

